<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> -->
    <title>广州花卉国际艺术预约系统</title>
    <link rel="stylesheet" href="./css/index.min.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2889052_ebxgki28kxu.css">
</head>
<body>   
    <div class="wrapper">
        <div id="commom"></div>
        <header>
            <div class="logo clearfix::after"><img src="./img/logo.png" ></div>
        </header>
        <main>
            <form action="">
                <!-- 
                    小黑
                    17333333333
                    340826199909098710
                 --> 
                <div><input type="text" id="uname" placeholder="请输入中文姓名"><span class="name"></span></div>
                <div><input type="text" id="tel" placeholder="+86"><span class="tel"></span></div>
                <div><input type="text" id="ucard" placeholder="身份证号码:" ><span class="ucard"></span></div>
                <div class="btn">
                    <button class="myAppointment"><a href="#">我的预约</a></button>
                    <button class="appointment"><a href="#">开始预约</a></button> 
                </div> 
            </form>
        </main>
    </div>
    <script src="./js/jQuery.js"></script>
    <script>
        $('#commom').load('./commom.html')
    </script>
    <script src="./js/index.js" type="module"></script>
</body>
</html>